@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="noticeInfoForm">

            <input type="hidden" id="id" value="">

            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-sm-1 control-label" for="title">标题</label>
                        <div class="col-sm-11">
                            <input class="form-control" id="title" name="title" type="text">

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label" for="type">类型</label>
                        <div class="col-sm-5">
                            <select class="form-control" id="type" name="type" >
								<option value="SYSTEM">系统通知</option>
								<option value="MESSAGE">个人消息</option>
								<option value="TASK">任务提醒</option>
                            </select>
                        </div>
                        <label class="col-sm-1 control-label" for="icon">图标</label>
                        <div class="col-sm-1">
                        	<input type="hidden" id="icon" name="icon" >
                        	<div class="dropdown" id="icons-dropdown">
							  <button class="btn  dropdown-toggle" style="font-size: 20px;padding:1px 10px;"
							  		type="button" id="dropdownMenu1" data-toggle="dropdown" 
							  		aria-haspopup="true" aria-expanded="true">
							  	<span class="selectedIcon glyphicon glyphicon-bullhorn text-primary" aria-hidden="true"></span>
							    <span class="caret"></span>
							  </button>
							  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" style="left:0;font-size: 20px;z-index:19999;padding: 10px;min-width: 50px;">
							    <li><span class="glyphicon glyphicon-certificate text-danger" data-icon="certificate" aria-hidden="true"></span></li>
							    <li><span class="glyphicon glyphicon-flag text-success" data-icon="flag" aria-hidden="true"></span></li>
							    <li><span class="glyphicon glyphicon-info-sign text-info" data-icon="info" aria-hidden="true"></span></li>
							    <li><span class="glyphicon glyphicon-exclamation-sign text-warning" data-icon="warning" aria-hidden="true"></span></li>
							    <li><span class="glyphicon glyphicon-bullhorn text-primary" data-icon="horn" aria-hidden="true"></span></li>
							  </ul>
							</div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label" for="content">内容</label>
                        <div class="col-sm-11">
                            <div id="editor" class="editorHeight">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label" for="receivers">接收</label>
                        <div class="col-sm-11">
                        	<div class="row receiverTypes">
	                        	<div class="radio col-sm-12 ">
								  <label>
	                        		<input type="radio" name="receiverFilterType" value="ALL"  checked="checked" onchange="NoticeInfoDlg.receiverTypeChange()" >全员
								  </label>
								  <label>
		                        	<input type="radio" name="receiverFilterType" value="USER"  onchange="NoticeInfoDlg.receiverTypeChange()"  >按用户
								  </label>
								  <label>
	    	                    	<input type="radio" name="receiverFilterType" value="DEPT"  onchange="NoticeInfoDlg.receiverTypeChange()" >按部门
								  </label>
								  <label>
		                        	<input type="radio" name="receiverFilterType" value="ROLE"   onchange="NoticeInfoDlg.receiverTypeChange()" >按角色
								  </label>
								</div>
                        	</div>
                        	<div class="row receiversPicker">
								<div class="col-sm-12 userPicker receiverPicker">
								<ul id="userTree" class="ztree"  ></ul>
								</div>
								<div class="col-sm-12 deptPicker receiverPicker">
								<ul id="deptTree" class="ztree" data-deptUserId="${shiro.getUser().id}"></ul>
								</div>
								<div class="col-sm-12 rolePicker receiverPicker">
								<ul id="roleTree" class="ztree"  ></ul>
								</div>
                        	</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="NoticeInfoDlg.addSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="NoticeInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<style type="text/css">
.receiverTypes input[type='radio']{
	margin-top: 4px;
}
.receiversPicker{
	display: none;
	
}
.receiverPicker{
	display: none;
}
</style>
<script type="text/javascript" src="${ctxPath}/static/js/plugins/wangEditor/wangEditor.js"></script>
<script src="${ctxPath}/static/modular/system/notice/notice_info.js"></script>
@}
	